.mainsycp{ padding:1% 0% 0% 0%; }  
.cpfl{ width:100%; margin: 0 auto; background:#f2f2f2; margin-top:1%; padding:0% 0%; }
.cpfl ul li{  width:18.5%; float:left; height:50px; margin:0% 0.5% 0% 1%; line-height:50px; overflow:hidden}
.cpfl ul li a{float: left;font-size: 15px;color: #666;line-height: 44px;padding-left: 16px;position: relative; } 
.cpfl ul li a:after{position: absolute;width: 4px;height: 4px;content: "";border: 1px solid #9f9f9f;border-radius: 100%;left: 0;top: 19px;} 
.cpfl ul li:hover a{ color:#02998A} 
.cpfl ul li a:hover:after{border-color: #02998A;}
.cpflli{   background:#f97831!important; }
.cpflli a{ color:#FFFFFF!important;}
.cpfllino{ display:none}
.cpfl_fot{ width:100%; height:85px;display:block}
.cpfl ul li:nth-child(n+11){ display:none} 
@media only screen and (max-width:1024px) {
.cpfl ul li{ width:31.5%}
.cpfl ul li:nth-child(n+10){ display:none} 
}
@media only screen and (max-width:768px) {
.cpfl{ padding:1% 0% 0% 0%}
.cpfl ul li{ width:48%; background:#02998A; text-align: center; margin:0% 1% 1% 1%;}
.cpfl ul li a{ color:#FFFFFF; width:100%; text-align:center; padding:0%;}
.cpfl ul li a:after{ display:none;} 
.cpfl ul li:hover a{ color:#fff} 
.cpfl ul li a:hover:after{border: none;}
.cpfl ul li:nth-child(n+10){ display: inline} 
}
 
.prolist_top{ text-align:center}
.prolist_top span{ font: 26px/60px "微软雅黑"; color:#333; text-transform:uppercase;background:url(../images/prolist_top.gif) no-repeat center bottom; display:block; }
.prolist_top p{ font: bold 36px/40px "微软雅黑"; color:#02998A;} 
.cpzs{ padding:1% 0% 0% 0%; margin: 0 auto}
.cpzs .part2{ display:none}
.prolist div{ width:23.8%; float:left; margin: 0% 0.5% 1% 0.5%; padding:0.1% 0.1% 0% 0.1%; background:#FFFFFF } 
.prolist div h2{width:100%;float:left; overflow:hidden;max-height:300px;position:relative; display:block; padding-bottom:100%}
.prolist div h2 img{ width:100%; height:100%; float:left; position:absolute;}  
.prolist div h3{ height:50px; line-height:50px; text-align:center; width:100%; float:left; color:#000; font-size:16px; overflow:hidden; z-index:1999; position:relative}  
.prolist div img {width: 100%;height:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.prolist div:hover{background:#02998A; }
.prolist div:hover img {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}  
.prolist div:hover h3 a{ color:#FFFFFF } 
@media only screen and (max-width:1200px) {  
.prolist_top p{ font-size:30px;}
.prolist div h3{ height:70px; line-height:30px; margin-top:20px; font-weight:normal}
}
@media only screen and (max-width:1024px) {
.prolist div{ width:31.8%} 
}
@media only screen and (max-width:850px) {  
.prolist_top p{ font-size:24px;}
.prolist div{ width:30.333333%; margin: 0% 1% 1% 1%; padding:0.5%; } 
.prolist div:nth-child(16){ display:none} 
}
@media only screen and (max-width:768px) {  
.prolist_top span{ font-size:20px;} 
.prolist div:nth-child(16){ display: inline}
.prolist div{ width:97%; background:#02998A;}
.prolist div  h3 a{ color:#FFFFFF } 
}
@media only screen and (max-width:414px) {
.prolist_top p strong{ display:none}
}
.maindh{ height:60px; line-height:60px; overflow:hidden; background:#f5f5f5;}


.mainsyab{ width:100%; margin: 0 auto;  background:url(../images/mainsyab.jpg) no-repeat center bottom #f5f5f5;background-size:cover;} 
.announce{ line-height:30px;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical; overflow:hidden; color:#333 }  
.companyt{ width:42%; float: right; }
.company_top{ width:100%; margin-bottom:1%; text-align:center }
.company_top h1{ font: bold 30px/60px "微软雅黑";display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden   }
.company_top p{ font:14px/40px "微软雅黑"; height:40px; overflow:hidden   }
.company_top h2{ font-size:40px; font-weight:bold; line-height:50px; text-transform:uppercase; }
.company_top b{ width:100px; height:5px; background:#e3a233; display:inline-block; margin:0px 0px 10px 10px;} 
.companyt p{ line-height:30px; display: -webkit-box;-webkit-line-clamp:7;-webkit-box-orient: vertical; overflow:hidden; color:#333 }  

.icompany_b{ width:200px; height:50px; line-height:50px;border:1px #CCCCCC solid; font-size:16px; color:#000; text-align:center; margin-top:30px; margin-bottom:30px }
.icompany_b:hover{border:1px #02998A solid; background: #02998A; color:#FFFFFF}
.company{ width:48%; float: left; background:url(../images/company.jpg) no-repeat left top;background-size:90% 100%;} 
.company img{ max-width:none; height:100%; display:none} 
.company .gsjj{ width:365px; float:right; margin-right:30px; margin-top:50px; margin-bottom:20px}

@media only screen and (max-width:1200px) {   
.company_top h1{ font-size:24px}
.company_top h2{ font-size:24px; line-height:30px}
.announce{ display:none}
.companyt p{display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical; overflow:hidden; }  
.icompany_b{ margin:25px auto; line-height:40px; height:40px;} 
.company .gsjj{ width:400px; margin-bottom:40px;}
.companyt_t li h2{ font-size:14px}
.company_top b{ width:50px;}
}
@media only screen and (max-width:1024px) { 
.companyt{ width:100%;}
.company{ width:100%; margin-bottom:3%} 
.company{  background:url(../images/company.jpg) no-repeat left top;background-size: 100% auto; height:420px; display:block} 
.company .gsjj{ display:none}
}
@media only screen and (max-width:850px) {   
.company_top h1{ font-size:20px}
.company_top h2{ font-size:20px} 
.companyt p{display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical; overflow:hidden; }  
.icompany_b{ margin:0 auto; margin-top:30px; margin-bottom:30px }
.company{ height:250px;}
}
@media only screen and (max-width:550px) { 
.company{ height:200px;}
}
@media only screen and (max-width:414px) { 
.company_top h1 strong{ display:none}
.company{ height:150px;}
}

.companyt_t{text-align: center; width:100%; float:left;display:block} 
.companyt_t li{ width:31%; float:left; text-align:center; margin:0% 1% 0% 0%; border-radius:5px; padding:0% 0% 20px 0%; }
.companyt_t li img{ height:50px; margin: 0 auto; margin-top:23px; }
.companyt_t li  h2{ width:100%; font-size:18px; line-height:60px; font-weight:normal; height:50px;  overflow:hidden}   
.companyt_t li  p{ width:100%; font-size:14px; line-height:30px; font-weight:normal; height:30px; overflow:hidden} 
.c2{ display:none}
.companyt_t li:hover{ background:rgb(2, 153, 138); color:#fff}
.companyt_t li:hover .c2{ display:inline}
.companyt_t li:hover .c1{ display: none} 
.companyt_t li:hover p{ color:#FFFFFF}
.companyt_tno{ display:none}

@media only screen and (max-width:1024px) { 
.companyt_t li{ width:24%}  
.companyt_tno{ display: inline}
}
@media only screen and (max-width:650px) { 
.companyt_t li{ width:31%}  
.companyt_tno{ display: none}
}
@media only screen and (max-width:500px) { 
.companyt_t li{ width:48%}  
.companyt_tno{ display: inline}
} 


.mainone{ width:100%; margin: 0 auto; padding:1% 0% 0% 0%;background:url(../images/mainone.jpg) no-repeat center bottom;background-size:cover; }
.mainone_top{ text-align:center; margin-bottom:1%; }
.mainone_top h1{ font-size:36px; line-height:60px; font-weight: bold}
.mainone_top h2{ font-size:15px; line-height:40px; color:#666666; }
.mainone_top p{ background:#02998A; height:2px; width:40px; margin: 0 auto; display:block}

.xw{ width:45%; float:left; }
.xw_bt{height:100px; line-height:40px; font-family:"微软雅黑"; margin-bottom:10px; }
.xw_bt h1{float:left; line-height:60px; font-size:28px; color:#FFFFFF; padding-left:20px;}
.xw_bt h1 b{ width:50px; height:5px; display:block; background:#FFFFFF; margin-top:10px;}
.xw_bt h3{ width:4px; height:100px; background:#02998A; margin:0 10px 0 0; float:left}
.xw_bt h2{float:right;padding:0 10px 0 0; font-size:13px; font-weight:normal; font-family:"微软雅黑"}
.xw_bt h2 a,.part4 h2 a:visited{color:#777}
.xw_bt h2 a:hover{color:#777}
.news1 ul{ list-style-type:none; margin-top:20px;}
.news1 h1{ font-size:14px; font-weight:normal; font-weight:500}
.news1 h1 a{ font-weight:700}
.news1 ul li{ width:100%; float:left; line-height:32px; height:32px; overflow:hidden }
.news1 ul li a{ padding-left:5px; color:#333; float:left}
.news1 ul li h2{ float:right; font-size:14px; font-weight:normal; color:#333}
.news1 p{ color:#333; font-size:14px;  font-family:"微软雅黑"; overflow:hidden}
.news1 h2{ color:#0358A8; font-size:12px;font-family:"微软雅黑"; line-height:32px; height:32px}
.news1 span{ line-height:32px; font-family:"微软雅黑"}
.news1_img{ width:30%; float:left; height:148px; overflow:hidden; text-align:center;background:url(../images/news1_img.jpg) no-repeat center bottom;background-size:cover;}
.news1_img img{ height:100%; margin: 0 auto;}
.news1_li{ width:60%;  float:right; height:100px; margin-top:40px; overflow:hidden}
.xw .xw_bt{background:url(../images/xw_bt.jpg) no-repeat center top;background-size:cover; }
.xw .xw_bt h2{ width:50px; height:50px;background:url(../images/more.png) no-repeat right top; margin:20px 20px 0px 0px; }

.xw2{ width:50%; float: right;}
.news2{ border-left:1px #CCC solid; height:420px}
.news2 ul{ list-style-type:none; padding-left:50px}
.news2 h1{ font-size:14px; font-weight:normal; font-weight:500}
.news2 h1 a{ font-weight:700}
.news2 ul li{ width:100%; float:left; line-height:30px; margin:4px 0px 10px 0px }
.news2 ul li span{ width:10px; height:10px; border-radius:10px; background:#CCC; float:left; margin-top:11px; margin-left:-56px} 
.news2 ul p{ color:#999; font-size:14px; height:60px;  font-family:"微软雅黑"; overflow:hidden}
.news2 h2{ color:#000000; font-size:16px;font-family:"微软雅黑"; line-height:26px; height:26px; }
.news2 h2 b{ float:right}
.news2 span{ line-height:22px; font-family:"微软雅黑"}
.xw2 .xw_bt{ display:none}
@media only screen and (max-width:1440px) { 
.news2 h2 b{ display:none}
}
  
@media only screen and (max-width:1200px) { 
.mainone_top h1{ font-size:30px}
.xw_bt h1{ font-size:20px}
.news2 h2{ font-size:14px}
.news2 h2 strong{ display:none}
.news1 ul li h2{ display:none}
.news1_img{ height:160px;}
.news1_li{ height:100px;}
}
@media only screen and (max-width:768px) { 
.mainone_top h1{ font-size:24px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden}
.xw{ width:100%}
.xw2{ display:none}
.news1 ul li h2{ display: inline}
.mainone_top h2{ font-weight:normal; padding:0% 5%;}
}
@media only screen and (max-width:550px) { 
.mainone_top h2{ line-height:30px;}
}
@media only screen and (max-width:450px) { 
.mainone_top h2{ line-height:30px;}
.news1 ul li h2{ display:none}
.xw .xw_bt h2{ display:none}
.xw_bt{ padding-top:10px;}
.news1_li{ display:none}
.news1_img{ width:100%}
}

.mainys_div{ padding:1% 0%; width:100%; margin: 0 auto;background:url(../images/mainys_div.jpg) repeat; }
.mainys_div_top{ text-align:center; padding:0% 0%}
.mainys_div_top h2{ line-height:40px; font-size:36px; background:url(../images/mainys_divh2.png) no-repeat center center;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; overflow:hidden}
.mainys_div_top p{ display:block; font-weight:normal; font-size:18px; line-height:50px;}
.mainys_div_bot{ padding:0% 0% 0% 0%; width:100%; margin: 0 auto; }
.mainys_div_bot li{ width:16.6%; float: left; overflow:hidden}
.mainys_div_bot li dl{ height:400px; text-align:center; overflow:hidden }
.mainys_div_bot li dl h2{ z-index:1; float:left; height:400px; overflow:hidden}
.mainys_div_bot li dl h2 img{ margin: 0 auto; height:100%; max-width:none} 
.mainys_div_bot li dl dt{ z-index:19999;  float:left; height:400px; margin-top:-400px;}
.mainys_div_bot li dl dt img{ margin: 0 auto; height:100%;}
.mainys_div_bot li span{ width:100%;  text-align:center; padding:2% 0%; display:block}
.mainys_div_bot li span img{width:20%; margin: 0 auto}
.mainys_div_bot li h3{ width:100%; overflow: hidden; height:66px;line-height:50px; color:#000;transform:rotate(-10deg); text-align:center}   
.mainys_div_bot li:nth-child(1) .my2{ display:none}
.mainys_div_bot li:nth-child(2) .my1{ display:none}
.mainys_div_bot li:nth-child(3) .my2{ display:none}
.mainys_div_bot li:nth-child(4) .my1{ display:none}
.mainys_div_bot li:nth-child(5) .my2{ display:none}
.mainys_div_bot li:nth-child(6) .my1{ display:none}
.sylx{ width:30%; margin: 0 auto; margin-top:0%; height:50px; border:1px #e03a45 solid; text-align:center;border-radius:50px;}
.sylx p{ display:inline; font-size:18px; line-height:50px;}
.sylx:hover{ background:#e03a45}
.sylx:hover a{ color:#FFFFFF}
@media only screen and (max-width:1200px) { 
.mainys_div_top h2{ font-size:30px;}
.mainys_div_bot li:nth-child(6){ display:none}
.mainys_div_bot li:nth-child(5){ display:none}
.mainys_div_bot li{ width:25%;}
.sylx{ width:52%; }
}
@media only screen and (max-width:768px) { 
.mainys_div_top h2{ font-size:24px;}
.mainys_div_bot li:nth-child(6){ display: inline}
.mainys_div_bot li:nth-child(5){ display: inline}
.mainys_div_bot li{ width:48%; margin:0% 1% 1% 1%;}
.mainys_div_bot li dl dt{ display:none}
.mainys_div_bot li span{ display:none}
.mainys_div_bot li h3{ transform: none; }   
.mainys_div_bot li dl{ height:auto}
.mainys_div_bot li dl h2{width:100%;float:left; overflow:hidden;max-height:300px; height:auto;position:relative; display:block; padding-bottom:100%; text-align:left}
.mainys_div_bot li dl h2 img{ width:100%; height:100%; float:left; position:absolute; margin:inherit} 
.sylx{ width:80%; }
}
@media only screen and (max-width:450px) { 
.mainys_div_top h2{ font-size:20px;}
.mainys_div_bot li h3{ font-size:14px; font-weight:normal}
.sylx p:nth-child(1){ display:none}
}


.ryzz{ padding:0% 0%;background:url(../images/ryzzs.jpg) no-repeat center top #02998A;background-size:cover;  }
.s_bt{ text-align:center; margin-bottom:2%; }
.s_bt dt{ font-size:36px; line-height:50px; color:#FFFFFF ;font-weight: bold}
.s_bt dt i{ height:90px; overflow:hidden; width:100%; display:block;background:url(../images/footnav.png) no-repeat center top;}
.s_bt dd{ font-size:18px; line-height:30px; color:#fff; text-transform:uppercase; font-weight:normal }
.s_bt p{ background:#fff; height:2px; width:40px; margin: 0 auto; display:block} 
.TesBox_nr { }
.TesBox_nr dl {width:18%; background: #FFF; float: left;margin: 0% 1%; padding:0%  0% 10px 0%;}
.TesBox_nr dl dt{width:100%; overflow:hidden;max-height:300px; display:block; position:relative; padding-bottom:82%; text-align:left}
.TesBox_nr dl dt img{ width:100%; float:left; position:absolute;}  
.TesBox_nr dl p {height: 45px; width:100%; text-align: center;}
.TesBox_nr dl p img{ margin: 0 auto; margin-top:-30px; z-index:1999; position:relative}
.TesBox_nr dl h3 {height: 30px;line-height: 30px; font-size: 16px;font-weight: bold;color: #494949;text-align: center; overflow:hidden} 
.TesBox_nr dl b{height:5px; width:18%; margin: 0 auto; margin-top:10px; margin-bottom:10px; display:block; background:#02998A;} 
.TesBox_nr dl dd { height: 65px;margin: 0px auto;padding: 0px 10px 0px 10px;overflow: hidden; font-size: 14px;font-weight: normal;color: #646464;line-height: 30px;}
.TesBox_nr dl:hover{ background:#e3a233}
.TesBox_nr dl:hover h3{ color:#FFFFFF}
.TesBox_nr dl:hover dd{ color:#FFFFFF}
.TesBox_nr dl:hover b{ background:#FFFFFF}
@media only screen and (max-width:1200px) {   
.s_bt dt{ font-size:30px; line-height:40px; }
.TesBox_nr dl{ width:23%}
.TesBox_nr dl:nth-child(5){ display:none}
}
@media only screen and (max-width:1024px) {    
.TesBox_nr dl{ width:31.333333%}
.TesBox_nr dl:nth-child(4){ display:none}
}
@media only screen and (max-width:850px) {   
.s_bt dt{ font-size:24px; line-height:40px; }
.TesBox_nr dl{ width:48%; margin-bottom:1%}
.TesBox_nr dl:nth-child(4){ display: inline}
.TesBox_nr dl:nth-child(5){ display:none}
}
 
@media only screen and (max-width:414px) {   
.s_bt dt{ font-size:20px; line-height:40px; } 
}
@media only screen and (max-width:328px) {   
.s_bt dt strong{ display:none} 
}
 
 

.mainthree{ width:100%; margin: 0 auto; padding:1% 0%;}
.mainthree_top{ text-align:center; margin-bottom:2%; }
.mainthree_top h1{ font-size:36px; line-height:50px; font-weight: bold; color:#02998A}
.mainthree_top h2{ font-size:24px; line-height:30px; color:#999; text-transform:uppercase; font-weight:normal }
.mainthree_top b{ background:#02998A; height:2px; width:40px; margin: 0 auto; display:block; margin-top:10px;} 
 
.infobox{ width:30%; float:left; margin-right:2%}
.infobox1{ width:30%; float: right; padding:10px 2%; background:#f5f5f5}
.news ul{ list-style-type:none}
.news ul li{ width:100%; float:left; line-height:30px; height:30px; border-bottom:1px #EFEFEF solid; overflow:hidden}
.news ul li a{ color:#333;  height:30px; overflow:hidden; float:left}
.news ul li h2{ float:right; font-weight:normal; font-size:13px; color:#333}
.news p{ color:#000000; font-size:14px; font-weight:900; font-family:"微软雅黑"; line-height:33px; height:33px}
.news span{ line-height:33px; font-family:"微软雅黑"}

.infobox_div{ height:158px; display:block;background:url(../images/infobox_div.jpg) no-repeat center top #02998A;background-size:cover; margin-bottom:20px;}
.infobox_divs{ height:158px; display:block;background:url(../images/infobox_divs.jpg) no-repeat center top #02998A;background-size:cover; margin-bottom:20px;}

@media only screen and (max-width:1200px) {   
.mainthree_top h1{ font-size:30px;}
.news ul li h2{ display:none}
}
@media only screen and (max-width:1024px) { 
.infobox{ width:48%}
.infobox1{ width:44%}
.infoboxno{ display:none}  
}
@media only screen and (max-width:768px) {
.mainthree_top h1{ font-size:24px;}
.mainthree_top h2{ font-size:14px; line-height:20px}
.infobox{ width:100%}
.infobox1{ display:none}
}
@media only screen and (max-width:450px) {
.mainthree_top{ margin-bottom:6%}
.infobox_div{ height:150px;}
}

.mainys{}
.yslx{ width:100%; padding:1% 0%; margin: 0 auto; background:url(../images/yslx.jpg) no-repeat center top #02998A;background-size:cover;}
.yslx ul{ width:70%; float:left; color:#FFFFFF}
.yslx ul h2{ font:24px/60px "微软雅黑"; }
.yslx ul span{ font:16px/30px "微软雅黑";display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; overflow:hidden}
.yslx dt{ width:30%; float: right; text-align:center }
.yslx dt p{  font: bold 22px/20px "微软雅黑"; color:#FFFFFF}
.yslx dt h2 {  font:22px/60px "微软雅黑"; color:#FFFFFF}
@media only screen and (max-width:1200px) {
.yslx ul{ width:100%; text-align:center}
.yslx dt{ width:100%;} 
.yslx dt p{ line-height:60px;}
.yslx dt h2{ display: none}
}
@media only screen and (max-width:768px) {
.yslx ul h2{ font-size:16px}
}
@media only screen and (max-width:500px) {
.yslx ul h2{ font-size:20px; line-height:40px;}
.yslx ul h2 b{ display:none}
.yslx ul h2 strong{ display:block}
.yslx ul span{ display:none}
}
@media only screen and (max-width:360px) {
.yslx ul h2{ font-size:16px}
}



.ys_top{ width:100%;  margin: 0 auto; padding:30px 0px 30px 0px;  background:url(../images/ys_top.png) no-repeat center top; text-align:center}
.ys_top h2{ font: bold 42px/80px  "微软雅黑"; color:#069485; letter-spacing:3px;}
.ys_top span{ font:24px/45px "微软雅黑"}
.ys1{ width:100%; margin:0 auto; background:url(../images/ys1.jpg) center top;background-size:cover; padding:1% 0%;}
.ys1 ul{ width:40%; float:left; padding-left:10%;}
.ys1_r{ width:50%; float:left; height:450px; background:url(../images/ys1_r.png) no-repeat center top;background-size:auto 100%;  }
.ys2{ width:100%; margin:0 auto; background:url(../images/ys2.jpg) center top;background-size:cover; padding:1% 0%;}
.ys2 ul{ width:40%; float: right; padding-right:10%;}
.ys2_r{ width:50%; float:left; height:450px; background:url(../images/ys2_r.png) no-repeat center top;background-size:auto 100%; }
.l{ float:left}
.r{ float:right}
.ys_bot{ }
.ys_bot li{ height:90px; background:url(../images/dot.jpg) bottom repeat-x; margin-bottom:30px;}
.ys_bot li h2{ width:90px; height:100px; float:left; background:url(../images/dots.png) no-repeat left top; padding-left:30px;; font: bold 44px/100px "微软雅黑"; color:#069485;}
.ys_bot li span{ float:left; padding-top:10px;}
.ys_bot li span h3{ font: bold 24px/36px "微软雅黑"; color:#069485}
.ys_bot li span h3 strong{ width:50px; height:3px; background:#069485; display:block; margin-top:10px;}
.ys_bot li span h4{ font:16px/30px "微软雅黑"; display:block}
.ys_bot dl{font:16px/28px "微软雅黑"; height: 90px; overflow:hidden; float:left; background: url(../images/ysico.png) no-repeat 0px 10px; padding-left:20px;}
.ys_bot dt{height: 40px; float:left; margin-top:10px;}
.ys_bot dt h2{ padding:0px 20px; height:20px; float:left; border:2px #069485 solid; border-radius:25px; text-align:center; font:14px/20px "微软雅黑"; color:#069485}
.ys_bot dt span{ float:left;font:14px/30px "微软雅黑"; background:url(../images/ystel.png) no-repeat 10px 0px; padding-left:50px;}
.ys_bot dt span strong{ font-size:34px;}
.hx1{ width:100%; height:30px; display:block; float:left}
.hx2{ width:100%; height:30px; display:block; float:left}

@media only screen and (max-width:1200px) {
.ys_top h2{ font-size:30px;}
.ys_top span{ font-size:18px;}
.ys_bot dt span{ display:none}
.ys_bot dt h2{ height:40px; line-height:40px; padding:0px 55px;}
.ys2_r{ height:400px;}
}

@media only screen and (max-width:1024px) {
.ys1 ul{ width:50%;padding-left:0%;} 
.ys2 ul{ width:50%; padding-right:0%;}
.ys2_r{ height:350px; margin-top:50px;}
}
@media only screen and (max-width:850px) {
.ys_top h2{ font-size:24px;}
.ys_top span{ font-size:16px;}
.ys1 ul{ width:100%; }
.ys1_r{ width:100%;}
.ys2_r{ display:none}
.ys2 ul{ width:100%;}
}
@media only screen and (max-width:414px) {
.ys_bot li h2{ width:100%; background:url(../images/dots.png) no-repeat center top; padding-left:0px; text-align:center}
.ys_bot li span{ text-align:center; width:100%; display:block}
.ys_bot li span h4{ display:none}
.ys_bot li span h3 strong{ margin: 0 auto}
.ys1_r{ height:350px;}
.ys_bot dt{ width:100%;}
.ys_bot dt h2{ width:80%; padding:0%; margin:0 auto; float:none; background:#069485; border:none; color:#FFFFFF} 
}